<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style type="text/css">
	*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	}
	#d0{
		width: 100%;
		height: 121%;
		background-color:white;	
		padding-left: 2%;
	 }
	 #d1{
	 	width: 95%;
	 	height: 10%;
	 
	 	background-color:white;
	 	position: relative;	
	 	padding-top: 1%;
	 	 
	 }
	 #d1-1{
	 	width: 0.5%;
	 	height: 80%;
	 	background-color: #009688;
	 	float: left;
	 }
	  #d1-2{
	 	width:99.5%;
	 	height: 80%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	font-family: "宋体";
	 	font-size: 14px;
	 	padding-top: 1%;
	 	padding-left: 1%;
	 }
	 #d2{
	 	width: 95%;
	 	height: 20%;
	 	border:1px solid #E6E6E6;
	 	background-color:white;
	 	margin-top: 1%; 
	    position: relative;	
	 	padding-top: 1%;
	 	padding-left: 2%; 
	 	font-size: 24px;
	 	font-family: "黑体";
	 	color: #009688;
	 }
	 #d2-0{
	 	 background-color:white;
	 	 position: relative;
	 	 margin-top: -2%;
	 }
	 #d2-1{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	  #d2-2{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	  #d2-3{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	  #d2-4{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	  #d2-5{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	  #d2-6{
	 	width:15%;
	 	height: 60%;
	 	background-color: #EEEEEE;
	 	float: left;
	 	padding-left:1%;
	 	padding-top:0.5%;
	 	margin-right:1%;
	 	margin-top: 1%;
	 }
	 p{
	 	margin-bottom: 8%;
	 	font-family: "微软雅黑";
	 	font-size: 14px;
	 	color:black;
	  }
	  #d3{
	 	width: 95%;
	 	height: 18%;
	 	border:1px solid #E6E6E6;
	 	background-color:white;
	 	margin-top: 2%;
	 	
	 	position: relative;	
	 	/* padding-top: 1%;
	 	padding-left: 2%; 
	    position: relative;	
	 	padding-top: 1%;
	 	padding-left: 2%; 
	 	font-size: 24px;
	 	font-family: "黑体";
	 	color: #009688; */
	 }
	 #d3-1{
	 width:8%;
	 height:20%;
	 font-family: "微雅软黑";
	 font-size: 16px;
	 color: black;
	 background-color:white;
	 position: absolute;
	 margin-top: -1%;
	 margin-left: 2%;
	 }
	 #d3-2{
	  width:93%;
	  height: 70%;
	  position: absolute;
	 /*  border:1px solid  #E6E6E6; */
	  margin-top: 2%;
	  margin-left: 2%;
	 }
	
	 .t1{
	 	border-collapse: collapse;
	 	border-color: #E6E6E6;
	 }
	 .t1 tr{
	 	line-height: 44px;	
	 	font-size: 14px;
	 	font-family: "黑体";
	 	color: #009688;
	 }
	 #d4{
	 	width: 95%;
	 	height: 52%;
	 	border:1px solid #E6E6E6;
	 	background-color:white;
	 	margin-top: 2%;
	 	
	 	position: relative;	
	 	
	 }
	 #d4-1{
	 width:8%;
	 height:8%;
	 font-family: "微雅软黑";
	 font-size: 16px;
	 color: black;
	 background-color:white;
	 position: absolute;
	 margin-top: -1%;
	 margin-left: 2%;
	 }
	  #d4-2{
	  width:93%;
	  height: 88%;
	  position: absolute;
	  margin-top: 2%;
	  margin-left: 2%;
	 }
	 .t2{
	 	border-collapse: collapse;
	 	border-color: #E6E6E6;
	 	font-family: "宋体";
	 	font-size: 14px;
	 }
	 .t2 tr{
	 	line-height: 40px;
	  }
	  .td1{
	  	width: 20%;
	  }
	  td{
	  	padding-left: 1%;
	  }
	   #d5{
	 	width: 95%;
	 	height: 18%;
	 	border:1px solid #E6E6E6;
	 	background-color:white;
	 	margin-top: 2%;
	 	
	 	position: relative;	
	 	/* padding-top: 1%;
	 	padding-left: 2%; 
	    position: relative;	
	 	padding-top: 1%;
	 	padding-left: 2%; 
	 	font-size: 24px;
	 	font-family: "黑体";
	 	color: #009688; */
	 	}
	  #d5-1{
		 width:8%;
		 height:20%;
		 font-family: "微雅软黑";
		 font-size: 16px;
		 color: black;
		 background-color:white;
		 position: absolute;
		 margin-top: -1%;
		 margin-left: 2%;
	 }
	 #d5-2{
	  width:93%;
	  height: 70%;
	  position: absolute;
	  margin-top: 2%;
	  margin-left: 2%;
	 }
	 
	 	
</style>
</head>
<body style="height: 100%">
	<div id="d0">
		<div id="d1">
			<div id="d1-1"></div>
			<div id="d1-2">欢迎管理员: <font color="red">admin</font>! 当前时间为:2020-12-25 19:37:24 </div>
		</div>
		<div id="d2">
			<font color="black" size="4px";face="黑体">数据统计</font> 
			<hr width="100%" color="#E6E6E6">
			<div id="d2-1">
				<p>房屋剩余</p>
				<font>66</font>
			</div>
			<div id="d2-2">
				<p>租户总数</p>
				<font>12</font>
			</div>
			<div id="d2-3">
				<p>需交房租</p>
				<font>99</font>
			</div>
			<div id="d2-4">
				<p>修缮通知</p>
				<font>67</font>
			</div>
			<div id="d2-5">
				<p>合同到期</p>
				<font>67</font>
			</div>
			<div id="d2-6">
				<p>文章数</p>
				<font>6766</font>
			</div>
			
		</div>
		<div id="d3">
			<div id="d3-1">系统通知</div>
			<div id="d3-2">
				<table  class="t1" border="1"  width="100%">
					<tr><td>新版x-admin 2.0上线了</td></tr>
					<tr><td>交流qq群:3270216205</td></tr>
				</table>
			</div>
		</div>
		<div id="d4">
			<div id="d4-1">系统信息</div>
			<div id="d4-2">
				<table border="1" width="100%" class="t2" >
					<tr>
						<td class="td1">xxx版本</td>
						<td>1.0.180420</td>
					</tr>
					<tr>
						<td>服务器地址</td>
						<td>x_xuebingsi.com</td>
					</tr>
					<tr>
						<td>操作系统</td>
						<td>WINNT</td>
					</tr>
					<tr>
						<td>运行环境</td>
						<td>Apache/2.4.23(Win32)</td>
					</tr>
					<tr>
						<td>PHP版本</td>
						<td>5.6.27</td>
					</tr>
					<tr>
						<td>PHP运行方式</td>
						<td>cgi-fcgi</td>
					</tr>
					<tr>
						<td>MYSQL版本</td>
						<td>5.5.53</td>
					</tr>
					<tr>
						<td>ThinkPHP</td>
						<td>5.0.18</td>
					</tr>
				</table>
			</div>
		</div>
		<div id="d5">
			<div id="d5-1">开发团队</div>
			<div id="d5-2">
				<table  class="t2" border="1" width="100%">
					<tr>
						<td>版权所有</td>
						<td>智游科技</td>
					</tr>
					<tr>
						<td>开发者</td>
						<td>刘莎莎</td>
					</tr>
				</table>
			</div>
		</div>
	</div>
	
</body>
</html>